<template>
	<view style="width:100rpx;height:100rpx;border-radius: 50%;" class="font28 fixed btn c-w flex a-c j-c">
		<view class="flex flex-col j-a-c">
			<u-icon name="download" size='50'></u-icon>
		</view>
	</view>
</template>

<script>
	export default {
		name: "sb-write-btn",
	}
</script>

<style lang="scss" scoped>
	.btn {
		bottom: 30%;
		right: -20%;
		animation: move .5s 1s forwards;
		z-index: 99;
		background-color: rgba(0, 0, 0, 0.5);

		&:active {
			box-shadow: 0 0 10rpx #ccc;
		}
	}

	@keyframes move {
		0% {
			right: -30%;
		}

		50% {
			right: 7%;
		}

		70% {
			right: 3%;
		}

		100% {
			right: 5%
		}
	}
</style>
